(function($){
    
//	$(".menu").height($(window).height()-$(".header").outerHeight(true)-5);
//	$(".menu_float").height($(window).height()-$(".header").outerHeight(true)-5);
	/* 所有可以展开的导航加符号 */
    $(".nav-sidebar .openable i").addClass('glyphicon-chevron-down');
    
    $('.nav-sidebar > li > a').click(function(){
    	var parli = $(this).parent('li');
    	var parul = parli.parent('ul');
    	if(parli.hasClass('openable')){
    		/* 一级可展开导航菜单的事件监听 */
    		parli.siblings().removeClass('active');
    		/* 子导航*/
	        var subul = parli.find("ul");
	        /* 切换符号*/
			var subi = $(this).find('i');
			subi.toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
			
			parli.toggleClass('active');
			if(subul.is(':hidden')){
				subul.children().first().addClass('active');
			}else{
				subul.children().removeClass('active');
			}
			subul.toggle();
    	}else{
    		/* 一级导航切换事件监听 */
	    	parul.find('li').removeClass('active');
	    	parul.find('ul:visible').each(function(){
	    		var vi = $(this).siblings('a').find('i');
	    		vi.toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
	    		$(this).toggle();
	    	});
	    	parli.addClass('active');
    	}
    });
	
    /* 二级导航切换事件监听 */
    $(".nav-sidebar-sec > li > a").click(function(){
    	var par = $(this).parent('li');
    	par.siblings().removeClass('active');
    	par.addClass('active');
    }); 
    

    $("#navigation").click(function(){
        if($(".sidebar").is(":visible")){
            $(".sidebar").fadeOut(200);
        }else{
            $(".sidebar").fadeIn(300);
        }
        return false;
    });  
    /**
     * 当屏幕宽度变小时，菜单栏隐藏
     */
    var show_hide_menu = function(){
    	if(parseFloat($('.menu').css('width')) < 200){
			$('.header_title').hide();
    		$('#menu').hide();
			$('#menu_logo').css({display:"block"});
			$('.content').css({width: '100%'});
			$('#msg').hide();
			$('.dropdown').css({width: '50%'});
    	}else{
			$('.header_title').show();
    		$('#menu_float').hide();
			$('#menu').show();
			$('#menu_logo').css({display:"none"});
			$('.content').css({width: '85%'});
			$('#msg').show();
			$('.dropdown').css({width: '20%'});
    	}
    }
    
    $('.btn_menu_logo').on('click',function(e){
    	e.preventDefault();
		$('#menu_float').css({
			display: function(index, value){
				if(value === 'block'){
					$('#menu_float').hide('duration');
				}else{
					$('#menu_float').show('duration');
				}
			}
		});    
    });
    $(window).resize(show_hide_menu);
    show_hide_menu();

})(jQuery);
